<!DOCTYPE html>
<html>
    <head>
	    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>{$title}</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
        <meta name=”description” content=”{$description}”>
        <meta name=”keyword” content=”{$keyword}“>
        <link rel="icon" type="image/png" href="/assets/i/favicon.png">
        <link rel="apple-touch-icon-precomposed" href="/assets/i/app-icon72x72@2x.png">
        <meta name="apple-mobile-web-app-title" content="" />
        <link rel="shortcut icon" href="/assets/images/Logo_40.png" type="image/x-icon">
        <link rel="stylesheet" href="/static/uikit/css/uikit.min.css" />
		<link rel="stylesheet" href="/static/lucnUI/lucn.css" />
		<link rel="stylesheet" href="/static/uikit/css/components/dotnav.css" />
		<link rel="stylesheet" href="/static/uikit/css/components/slidenav.css" />
		<link rel="stylesheet" href="/static/uikit/css/components/slideshow.css" />
		<link rel="stylesheet" href="/assets/home/css/page.css" />
		
        <script src="/static/jQuery/jquery-2.1.4.min.js"></script>
        <script src="/static/uikit/js/uikit.min.js"></script>
		<script src="/static/uikit/js/components/slideshow.js"></script>
		<script src="/static/lucnUI/scrolltop/js.js"></script>
		<script src="/static/jQuery/cloudzoom/cloudzoom.js"></script>
		<style>
		body{ min-width:980px; font: 14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;}
		h1,h2,h3,h4,h5,h6{ font-family:Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;}
		ul,li{ margin:0; padding:0;}
		a{ color:#444;}a:hover{ color:#444; text-decoration:none;}
		img{ max-width:100%; border:none;}
		.fcolor1{color:#30A771}
		.mt-10{ margin-top:10px;}.mt-20{ margin-top:20px;}.mt-30{ margin-top:30px;}
		.pt-50{ padding-top:55px;}.pb-50{ padding-bottom:55px;}.pt-40{ padding-top:40px;}.pb-40{ padding-bottom:40px;}.pt-30{ padding-top:30px;}.pb-30{ padding-bottom:30px;}.pt-20{ padding-top:20px;}.pb-20{ padding-bottom:20px;}
		.bg-h{ background:#E8E8E8;}.bg-hei{ background:#393D49;}
		.topbar{ background:#393D49; height:40px; line-height:40px; color:#fff;}
		.topbar div{ position:relative; text-align:justify;}
		.topbar .right{ position: absolute; right:35px;}
		.line-6{ height:6px; background:#30A771;}
		
		/*uikit*/
		.uk-dotnav{ margin-bottom:15px;}
		.uk-button-primary {background-color: #FFF; border:1px solid #30A771; color:#30A771;border-radius: 32px;-webkit-appearance: none;transition: all .3s;-webkit-transition: all .3s;box-sizing: border-box; font-size:14px; padding-left:50px; padding-right:50px; line-height:32px;min-height:32px;}
		.uk-button-primary:hover{background-color:#30A771;color:#FFF;}
		
		nav{ height:77px; padding-top:10px; background:#FFF; box-shadow: 0px 2px 2px rgba(0, 0, 0, .3);}
		nav img.logo { width:118px; height:67px;}
		nav ul.uk-navbar-nav{ padding-top:13px; margin-left:50px;}
		.uk-navbar-nav > li {margin-left: 20px;}
		.uk-navbar-nav > li > a { font-size:16px; font-family: "Proxima Nova", "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", 微软雅黑, Arial, sans-serif;}
		
		section .title h3{ font-size:32px; font-weight:100;}
		section .title h4{ font-size:18px; font-weight:100; color:#999}
		.line-3{ width:45px; height:3px; background:#30A771; margin:0 auto;}
		.about .icon{ text-align:center;}
		.about .icon img{ width:80px; height:80px;}
		.about .content p{ line-height:2;}
		
		.news .shade img{ height:364px; width:auto;}
		.news .shade_txt{ line-height:2.2em;}
		.news ul{ padding-left:0;}
		.news li{ background:#fff; height:108px; position:relative;}
		.news a li:after {border: none; background:#999; color:#fff;content: ">"; text-align:center; font-size:20px; padding-top:6px; position:absolute;width: 6%; height:24px; top:38px; right:30px;}
		.news a li:hover::after{background:#30A771; color:#fff;}
		.news a li:hover .title{color:#30A771}
		.news li .date{width:18%; text-align:center; padding-top:26px;}
		.news li .date .month{ font-size:14px;}
		.news li .date .day{ font-size:32px;}
		.news li .text{ width:63%; left:18%; top:0; padding-left:3%; margin-top:26px; position:absolute; line-height:1.8;}
		.news li .text .title{ font-size:16px; font-weight:bold;}
		/*.news li .text .title:hover{ color:#30A771}*/
		.news li .icon{ width:7%; height:32px; right:30px; top:38px; position:absolute; line-height:1.8; background:#999; color:#fff; text-align:center; font-size:20px;}
		.news li .icon:hover{background:#30A771;}
		
		.contact h5{ font-size:18px; font-weight:bold;}
		.contact .title{ position:relative; height:24px; line-height:24px;}
		.contact .title small{ position:absolute; bottom:0; left:90px; color:#999;}
		.contact .content{ margin-top:35px; font-size:16px;}
		.contact .fast i{ width:32px; height:32px;}
		.contact .fast i img{ width:32px; height:auto; margin-right:20px;}
		.contact .qrcode img{ width:128px; height:auto; }
		
		footer{ color:#fff;}
		{block name="style"}{/block}
		</style>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
  <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
  <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

	</head>
    <body>
	    <section class="topbar">
		    <div class="uk-container uk-container-center">
			    <span><i class="uk-icon-phone"></i> 服务热线：{$cache.site.site_value.tel}</span>
				<span class="right">中文</span>
			</div>
		</section>
		<nav class="nav">
		    <div class="uk-container uk-container-center">
			    <a href="{:url('/')}" class="uk-navbar-brand uk-hidden-small"><img class="logo" src="/assets/home/images/logo.png"></a>
				<ul class="uk-navbar-nav uk-hidden-small">
                    <li><a href="{:url('/')}">首页</a></li>
                    <li class="uk-active"><a href="{:url('about/show','id=1')}">关于我们</a></li>
                    <li><a href="{:url('article/tolist')}">新闻资讯</a></li>
                    <li><a href="{:url('product/tolist')}">产品展示</a></li>
                    <li><a href="{:url('about/show','id=6')}">合作加盟</a></li>
                    <li><a href="{:url('about/show','id=3')}">联系我们</a></li>
                </ul>
			</div>
		</nav>
		{block name="body"}{/block}
		<section class="contact pt-50 pb-50 bg-h">
		<div class="uk-container uk-container-center">
		    <div class="uk-grid">
			    <div class="base uk-width-2-4">
				    <div class="title">
					    <h5>联系方式</h5>
			            <small>Contact</small>
					</div>
					<div class="content">
					<div class="uk-grid uk-grid-width-1-2">
					    <div class="">
						    <p>地 址：{$cache.site.site_value.address}</p>
					        <p>电 话：{$cache.site.site_value.tel}</p>
					       <p>联系邮箱：{$cache.site.site_value.email}</p>
						</div>
						<div class="">
						    <p>邮 编：{$cache.site.site_value.zipcode}</p>
					        <p>手 机：{$cache.site.site_value.phone}</p>
					       <p>联系QQ：{$cache.site.site_value.qq}</p>
						</div>
					</div>
			            
			    	</div>
				</div>
				<div class="fast uk-width-1-4">
				    <div class="title">
					    <h5>快捷通道</h5>
			            <small>Fast alpha</small>
					</div>
					<div class="content">
			            <i class="qq"><img src="/assets/home/images/icon_qq_1.png"></i>
						<i class="wechat"><img src="/assets/home/images/icon_wechat_1.png"></i>
						<i class="weibo"><img src="/assets/home/images/icon_weibo_1.png"></i>
			    	</div>
				</div>
				<div class="qrcode uk-width-1-4">
					<div class="uk-text-center">
			            <img src="/assets/home/picture/201609071473217052164805.jpg">
						<p>扫一扫关注我们</p>
			    	</div>
				</div>
		    </div>
		</div>
		</section>
		
		<footer class="contact pt-30 pb-30 bg-hei">
		    <div class="uk-container uk-container-center uk-text-center">
			    @2017 {$cache.site.site_value.company} 版权所有
			</div>
		</footer>.
	<script>
	{block name="script"}{/block}
	</script>
	
    </body>
</html>